<template>
  <view>
    <view class="list" v-for="item in goodsList" :key="item.goods_id">
      <view class="item_left">
        <image
          lazy-load
          class="item_image"
          :src="item.goods_small_logo"
          mode="aspectFit"
        />
      </view>
      <view class="item_info">
        <view class="title">{{ item.goods_name }}</view>
        <view class="price">{{ item.goods_price }}</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    goodsList: {
      type: Array,
    },
  },
};
</script>

<style lang="less" >
.list {
  padding: 20rpx;
  display: flex;
  .item_image {
    width: 191rpx;
    height: 191rpx;
  }
  .item_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 15rpx;
    .title {
      font-size: 28rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
}
</style>